<style>
.link[disabled] {
  opacity: .5;
  pointer-events: none;
}
</style>
<div class="content">
  <div class="list">
    <div class="item">
      <div class="content">
        <div class="box"><a href="http://google.com" class="link" disabled="disabled">此链接被禁用</a></div>
        <div><pre class="prettyprint"><code>&lt;a href=&quot;http://google.com&quot; class=&quot;link&quot; disabled=&quot;disabled&quot;&gt;&#x6b64;&#x94fe;&#x63a5;&#x88ab;&#x7981;&#x7528;&lt;/a&gt;</code></pre></div>
        <div><pre class="prettyprint"><code>.link[disabled] {
  opacity: .5;
  pointer-events: none;
}</code></pre></div>
      </div>
     </div>
  </div>
</div>
